<template>
  <v-container>
    <v-row align="center" justify="center" class="mt-15">
      <v-col cols="auto">
        <v-avatar size="160" class="mx-auto">
          <v-img width="160px" height="160px" src="@/assets/logo-128.jpg"></v-img>
        </v-avatar>
      </v-col>
    </v-row>
    <v-row align="center" justify="center" class="mt-5">
      <v-col cols="8">
        <v-card flat class="text-center">
          <p class="text-h4 text--primary">
            妆典
          </p>
          <p>
            一款让你发现美丽的app
          </p>
          <v-card-text class="text-center">
            <v-icon size="45">mdi-language-html5</v-icon>
            <v-icon size="45">mdi-language-javascript</v-icon>
            <v-icon size="45">mdi-vuejs</v-icon>
            <v-icon size="45">mdi-vuetify</v-icon>


            <v-icon size="45">mdi-language-java</v-icon>
            <v-icon size="45">mdi-centos</v-icon>
          </v-card-text>

        </v-card>
      </v-col>
    </v-row>
  </v-container>
</template>
